<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
</head>
<body>
    <!-- 布局采用table-->
    <table width="100%" align="center">
    <!--第一行-->
    <tr>
        <td><img src="./image/top_banner.jpg" alt=""></td>
    </tr>
    <!--第二行-->
    <tr>
        <table width="100%" align="center">
            <td><img src="./image/logo.jpg" alt=""></td>
            <td><img src="./image/search.png" alt=""></td>
            <td><img src="./image/hotel_tel.png" alt=""></td>
        </table>
    </tr>
    <!--第三行-->
    <tr>
        <table width="100%" align="center" cellspacing="0">
            <tr bgcolor="#ffd700" align="center" height="50">
                <td><a href="">首页</a></td>
                <td>门票</td>
                <td>酒店</td>
                <td>香港门票</td>
                <td>出境游</td>
                <td>国内游</td>
                <td>港澳游</td>
                <td>抱团定制</td>
                <td>全球自由行</td>
                <td>收藏排行榜</td>
            </tr>
        </table>
    </tr>
    <!--第四行-->
    <tr>
        <td><img id="banner" src="./image/banner_1.jpg" alt=""></td>
    </tr>
    <!--第五行-->
    <tr>
        <td><img src="./image/icon_5.jpg" alt="">黑马精选<br/>
            <hr color="#FF9E00"/></td>
    </tr>
    <!--第六行-->
    <tr>
        <table width="100%" align="center">
            <tr>
                <td><img src="./image/jiangxuan_1.jpg" alt=""></td>
                <td><img src="./image/jiangxuan_1.jpg" alt=""></td>
                <td><img src="./image/jiangxuan_1.jpg" alt=""></td>
                <td><img src="./image/jiangxuan_1.jpg" alt=""></td>
            </tr>
            <tr>
                <td>
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;899</font>
                </td>
                <td>
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;899</font>
                </td>
                <td>
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;899</font>
                </td>
                <td>
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;899</font>
                </td>
            </tr>
        </table>


    </tr>
    <!--第七行-->
    <tr>
        <td><img src="./image/icon_6.jpg" alt="">国内游<br/>
            <hr color="#FF9E00"/></td>
    </tr>
    <!--第八行-->
    <tr>
        <table width="100%" align="center">
            <tr>
                <td rowspan="2"><img src="./image/guonei_1.jpg" alt=""></td>
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
            </tr>
            <tr>
                <!--                     <td></td>-->
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_2.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
            </tr>
        </table>
    </tr>
    <!--第九行-->
    <tr>
        <td><img src="./image/icon_6.jpg" alt="">境外游<br/>
            <hr color="#FF9E00"/></td>
    </tr>
    <!--第十行-->
    <tr>
        <table width="100%" align="center">
            <tr>
                <td rowspan="2"><img src="./image/jiangwai_1.jpg" alt=""></td>
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
            </tr>
            <tr>
                <!--                     <td></td>-->
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
                <td>
                    <img src="./image/jiangxuan_3.jpg" alt="">
                    <p><font size="1">上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机)</font></p>
                    <font color="red">&yen;699</font>
                </td>
            </tr>
        </table>
    </tr>
    <!--第十一行-->
    <tr>
        <td>
            <img src="./image/footer_service.png" alt="" width="100%">
        </td>
    </tr>
    <!--第十二行-->
    <tr>
        <table width="100%" align="center">
            <tr bgcolor="#ffd700" align="center" height="50">
                <td>
                    <font color="gray" size="2">
                        江苏传智播客教育科技股份有限公司
                        版权所有Copyright&copy; 2006-2018, All Rights Reserved 苏ICP备16007882
                    </font>
                </td>
            </tr>
        </table>
    </tr>
</table>
    <script>
        var banner = document.getElementById("banner");
        var i=0;
        function switch_fun(){
            i++;
            if(i>3){
                i=1;
            }
            banner.src = "./image/banner_"+i+".jpg";
        }
        setInterval(switch_fun,3000);
    </script>
</body>
</html>